<link rel="stylesheet" type="text/css" href="assets/bootstrap-datepicker/css/datepicker.css" />
<section id="main-content">
  <section class="wrapper">
    <div class="row">
      <div class="col-lg-12">
        <section class="panel hideother">
          <header class="panel-heading add-heading">
            预算申请
          </header>
          <div class="panel-body">
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label">申请项目*
              </label>
              <div class="col-sm-10">
                <input type="text" id="autocomplete1" value="{{proName}}" class="form-control">
                <input type="hidden" value="{{proId}}" name="proId" id="proId"/>
              </div>
            </div>
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label">预算类型*
              </label>
              <div class="col-sm-10">
                <select class="form-control" id="bugetType">
                  <option value="客户交际费用">客户交际费用</option>
                  <option value="差旅费用">差旅费用</option>
                  <option value="采购费用">采购费用</option>
                  <option value="其他费用">其他费用</option>
                </select>
              </div>
            </div>
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label">预算金额*</label>
              <div class="col-sm-10">
                <input type="text" onkeyup="clearNoNum(this)"  onblur="clearNoNum(this)" min="0" value="" id="bugetMoney"
                       class="form-control">
              </div>
            </div>
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label">事由*</label>
              <div class="col-sm-10">
                <textarea class="form-control"  maxlength="120"  id="comments"></textarea>
              </div>
            </div>
            <div class="form-group customerForm">
              <label class="col-sm-2 control-label">费用使用周期*</label>
              <div class="col-sm-10">
                <input type="text" id="startTime" class="form-control" name="strtTime" style="width: 30%;">
                <span style="position: relative;top: -28px;left: 282px;">--</span>
                <input type="text" class="form-control" id="endTime" name="endTime" style="width: 30%;position: absolute;bottom: 19px;left: 34%;">
              </div>
            </div>
            <p class="default-buttons">
              <a href="javascript:void(0);" class="button-back btn btn-info" onclick="hideother();">取消</a>
              <a href="javascript:void(0);" class="button-next  btn btn-info" onclick="addOtherMoney()">确认</a>
            </p>
          </div>
        </section>
        <section class="panel">
          <header class="panel-heading">
            预算总费用
            <i class="add-icon icon-plus" onclick="showother()"> 添加条目</i>
          </header>
          <div class="panel-body">
            <div id="other2Container"></div>
          </div>
          <p class="default-buttons">
            <a href="javascript:void(0);" class="button-next  btn btn-info submit">提交</a>
          </p>
        </section>
      </div>
    </div>
  </section>
</section>
<script type="text/javascript" src="assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script src="js/buget/aprBudget.js"></script>
<script type="text/javascript" src="js/autocomplete/jquery.autocomplete.js"></script>
<script>
    //时间控件
    $('#startTime').datepicker({
        format: 'yyyy-mm-dd'
    });
    $('#endTime').datepicker({
        format: 'yyyy-mm-dd'
    });
</script>